<template>
  <div class="content">
    <heading grade="1">学员详情</heading>
    <div class="student-detail">
      <el-row :gutter="20">
        <el-col :span="8">学员：张三</el-col>
        <el-col :span="8">性别：男</el-col>
        <el-col :span="8">年龄：16</el-col>
        <el-col :span="8">参与状态：待参与</el-col>
        <el-col :span="8">报名期次：一期</el-col>
        <el-col :span="8">课时：16</el-col>
        <el-col :span="8">课程价格：2,000元</el-col>
        <el-col :span="8">报名时间：2018-20-09 12:09:23</el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="8">报名者姓名：张三</el-col>
        <el-col :span="8">联系电话：15916351602</el-col>
      </el-row>
    </div>
  </div>
</template>
<script>
  export default {}
</script>
<style rel="stylesheet/scss" lang="scss">  
  .student-detail {
    margin-top: 30px;
  
  .el-row {
    margin-bottom: 45px;
    border-bottom: 1px #f0f0f0 solid;
  }
  
  .el-row:last-of-type {
    border-bottom: 0px;
  }
  
  .el-col {
    margin-bottom: 30px;
  }
  
  }
</style>
